.ui-loader__container {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.ui-loader__container.ui-loader__scope {

}

.ui-loader__bullet {
	position: relative;
	width: 40px;
	height: 7px;
}

.ui-loader__bullet_item {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: var(--ui-border-radius-circle, 50%);
	background: rgba(82, 92, 105, .2);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.ui-loader__bullet_item:nth-child(1) {
	left: 3px;
	animation: ui-bullet-loader-show .8s infinite;
}

.ui-loader__bullet_item:nth-child(2) {
	left: 3px;
	animation: ui-bullet-loader-translate .8s infinite;
}

.ui-loader__bullet_item:nth-child(3) {
	left: 12px;
	animation: ui-bullet-loader-translate .8s infinite;
}

.ui-loader__bullet_item:nth-child(4) {
	left: 21px;
	animation: ui-bullet-loader-translate .8s infinite;
}

.ui-loader__bullet_item:nth-child(5) {
	left: 30px;
	animation: ui-bullet-loader-hide .8s infinite;
}

@keyframes ui-bullet-loader-show {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes ui-bullet-loader-hide {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0);
	}
	100% {
		transform: scale(0);
	}
}

@keyframes ui-bullet-loader-translate {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(9px, 0);
	}
}
